<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>享购网</title>
    <link rel="stylesheet" href="/css/shoplist.css">
</head>
<body>
    <div class="header">
    </div>
<!-- list -->
    <div class="goodsBrandBody container">
        <div class="sort">
            <h3>筛选：</h3>
            <a href="javascript:;" class="sortlink st">价格升序</a>
            <a href="javascript:;" class="sortlink sd">价格降序</a>
            <a href="javascript:;" class="sortlink sl">按销量排序</a>
        </div>
        <div class="goods-price clear-fix" id="goodsPrice">
            
            
        </div>
        <script type="text/html" id="goodsPriceTemplate">
            {{each list goods}}
                <div class="g-list">
                    <a href="/html/detail.html?{{goods.id}}" class="g-list-img g-btn">
                        <img src="{{goods.image}}"> 
                    </a>
                    <div class="g-info">
                        <a href="/html/detail.html?{{goods.id}}"  class="g-btn"><p>{{goods.title.slice(0,10)}}...</p></a>
                        <p class="g-price">￥<strong>{{goods.price}}<strong></p>
                    
                    </div>
                    <span class="gp-num">销量:<strong>{{goods.saleNum}}</strong></span>
                </div>
            {{/each}}
        </script>
        <div class="pager ">
            <div class="pager-box">
               <button type="text"  id="indexPage"  class="pagebtn">首页</button>
               <button type="text" id="nextPage" class="pagebtn">第2页</button>
               <span class="pagenum">共 2 页</span>
            </div>
        </div>
    </div>
    <!-- car and foot -->
   
    <div class="footer">
    </div>
    <script src="/libs/require/require.min.js" data-main="/js/shoplist"></script>
</body>
</html>